<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>current account</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/current-account.css">
</head>

<body>
    <!-- top -->
    <div class="top">
        <div>
            <p>
                <img src="images/common/iphone.jpg" alt="">
                <a href="">全国理财热线：400-777-1268</a>
            </p>
            <p>
                <a href="">登录</a>
                <a href="">注册</a>
                <a href="">帮助中心</a>
                <a href="">财富社区</a>
                <a href="">手机客户端</a>
                <a href=""><img src="images/common/weibo.jpg" alt=""></a>
                <a href=""><img src="images/common/weixin.jpg" alt=""></a>
            </p>
        </div>
    </div>
    <header>
        <div class="header-left">
            <div class="header-left-1">
                <a href="index.html"><img src="images/common/logo.jpg" alt=""></a>
                <p><a href="index.html">师徒理财</a></p>
                <p><a href="index.html">shitucaifu</a></p>
            </div>
            <div class="header-left-2">
                让您安心收益
            </div>
        </div>
        <div class="header-right">
            <img src="images/common/head-portrait.jpg" alt="">
            我的账户
        </div>
    </header>
    <!-- 导航条 -->
    <nav>
        <div class="nav-z">
            <ul class="nav-zong">
                <li><a class="active" href="index.html">首页</a></li>
                <li><a href="#news">投资频道</a></li>
                <li><a href="current-account.html">理财频道</a></li>
                <li><a href="#about">转让专区</a></li>
                <li><a href="#anquan">安全保障</a></li>
            </ul>
        </div>
    </nav>
    <!--  -->
    <div class="huoqi">
        <!-- 做外边边框，用来设置宽、居中 -->
        <div class="huoqi-z">
            <!-- huoqi-left -->
            <div class="huoqi-left">
                <!-- 第一排 -->
                <div class="huoqi-left-a">
                    <h3>活期财富</h3>
                    <div style="margin-left: 0;">
                        <p>预期年化收益率:</p>
                        <p>8.5%</p>
                        <img src="images/current-account/data.jpg" alt="">
                    </div>
                    <div>
                        <p>每万元日收益:</p>
                        <p>2.36元</p>
                        <img src="images/current-account/data.jpg" alt="">
                    </div>
                    <div>
                        <p>收益起始日:</p>
                        <p>T+1(自然日)</p>
                        <img src="images/current-account/data.jpg" alt="">
                    </div>
                </div>
                <!-- 第二排  介绍 -->
                <div class="huoqi-left-b">
                    <p><span>低风险：</span> 1元起投、超低门槛，强大备用金支持，安全可靠；</p>
                    <p><span>高收益：</span> 看得见的财富增长，秒杀各类宝宝；</p>
                    <p><span>超灵活：</span> 计划金额的40%范围内实时申请提取，资金提取T+1个工作日到账，方便快捷。</p>
                </div>
                <!-- 第三排 项目特点 -->
                <div class="huoqi-left-c">
                    <h3>项目特点</h3>
                    <div class="pailie">
                        <!-- 灰 -->
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... <a href="">了解更多>></a></p>
                        </div>
                        <!-- 白 -->
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                        <div>
                            <p>项目简介</p>
                            <p>活期财富是倾力打造的智能投标理财计划... </a></p>
                        </div>
                    </div>
                    <!-- 常见问题 -->
                    <div class="changjian">
                        <h3>常见问题</h3>
                        <div class="changjian-a">
                            <div>
                                <p><a href="">Q： 活期财富的投资范围是什么？</a></p>
                            </div>

                        </div>
                        <div class="changjian-a">
                            <div>
                                <p><a href="">Q：活期财富中的借款项目有何安全保障？</a></p>
                            </div>

                        </div>
                        <div class="changjian-a">
                            <div>
                                <p><a href="">Q ：活期财富提取额度有什么限制条件吗？</a></p>
                            </div>

                        </div>
                        <div class="changjian-a">
                            <div>
                                <p><a href="">Q：活期财富提取什么时候到账？</a></p>
                            </div>

                        </div>
                    </div>
                </div>

            </div>


            <!-- huoqi-right -->
            <div class="huoqi-right">
                <!-- 上 -->
                <div class="huoqi-right-a">
                    <h3>交易金额</h3>
                    <p class="huoqi-right-a-p1">剩余金额：<span>1,694,861元</span></p>
                    <p class="huoqi-right-a-p2">购买金额(元)：</p>
                    <div class="huoqi-right-a-3">
                        <input type="text" class="houqi-3-a">
                    </div>
                    <p class="huoqi-right-a-p2">
                        每日收益：0：00元
                    </p>
                    <div class="huoqi-right-a-4">
                        <input type="submit" value="立即购买" class="huoqi-right-a-4-a">
                    </div>
                </div>
                <!-- 下  交易记录-->
                <div class="huoqi-right-b">
                    <h3>交易记录</h3>
                    <ul class="huoqi-jy">
                        <li>
                            <p>成交时间</p>
                            <p>购买人</p>
                            <p>金额(元)</p>
                        </li>
                        <li>
                            <p>
                                <span>2020-06-29</span>
                                <span> 19:46:34</span>
                            </p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p><span>2020-06-29</span>
                                <span> 19:46:34</span></p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p>
                                <span>2020-06-29</span>
                                <span> 19:46:34</span>
                            </p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p>2020-06-29 19:46:34</p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p><span>2020-06-29</span>
                                <span> 19:46:34</span></p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p><span>2020-06-29</span>
                                <span> 19:46:34</span></p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p><span>2020-06-29</span>
                                <span> 19:46:34</span></p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p><span>2020-06-29</span>
                                <span> 19:46:34</span></p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p><span>2020-06-29</span>
                                <span> 19:46:34</span></p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                        <li>
                            <p><span>2020-06-29</span>
                                <span> 19:46:34</span></p>
                            <p>x****59</p>
                            <p>40,000.00</p>
                        </li>
                    </ul>
                    <!-- 页码 -->
                    <ul class="pagination">
                        <li><a href="#">«</a></li>
                        <li><a href="#" class="active">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>

                        <li><a href="#">»</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>



    <!-- footer -->


    <footer>
        <div class="footer-z">
            <div class="footer-a">
                <p>
                    <a href="">Copyright © 2014 北京市财富</a>
                    <span><a href="">互联网金融服务有限公司 版权所有</a></span>
                    <span>备案号：京ICP备13089339号</span>
                </p>
            </div>
            <p>法律顾问单位：北京市金杜律师事务所</p>
        </div>

    </footer>
</body>

</html>